<section id="downloadTemplate" class="g-pt-100 g-pb-80 g-bg-lightblue-radialgradient-circle">
    <div class="container text-center g-max-width-750 g-font-size-16 g-mb-65">
        <div class="text-uppercase g-line-height-1_3 g-mb-20">

            <h2 class="g-line-height-1_3 g-font-size-36 mb-0">
                —
                <strong>快速启动模板</strong>—
            </h2>
        </div>

        <p class="mb-0">
            基于免费或Pro的项目模板创建解决方案。使用Typescript、Angular单页面应用程序包含Ant Design、NG-Zorro。
        </p>
    </div>
    <div class="container">
        <!-- Image, Text Block -->
        <div class="row d-flex align-items-lg-center flex-wrap g-mb-60 ">
            <div class="col-md-6 col-lg-8">
                <img class="img-fluid w-75 rounded" src="~/imgs/banner/pro_52abp_dashboard.png" alt="52abp Pro 企业版工作台截图">
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="g-mt-minus-30 g-mt-0--md g-ml-minus-100--lg">
                    <div class="g-mb-20  text-uppercase">
                        <h2 class="g-color-black g-font-weight-600 g-font-size-25 g-font-size-35--lg g-line-height-1_2 mb-4">
                            52ABP-Pro高级项目启动模板

                        </h2>
                        <p class="g-font-size-16">
                            具有用户，角色，权限，设置，组织单元，语言管理页面的完整功能基础解决方案。
                            租户，版本等等功能。@*请参阅免费和高级模板比较表。*@
                        </p>
                    </div>
                    <a class="btn u-btn-purple   g-brd-2 g-brd-white g-font-size-13 g-rounded-50 g-pl-20 g-pr-15 g-py-9" href="#prices">

                        购买

                        <span class="align-middle u-icon-v3 g-width-16 g-height-16 g-color-black g-bg-white g-font-size-11 rounded-circle ml-3">

                            <i class="fa fa-angle-right" aria-hidden="true"></i>

                        </span>

                    </a>
                </div>
            </div>
        </div>
        <!-- End Image, Text Block -->
    </div>

    <div class="container">
        <!-- Image, Text Block -->
        <div class="row d-flex justify-content-between align-items-lg-center flex-wrap g-mt-minus-50--lg">
            <div class="col-md-6 order-md-2">
                <div class="g-brd-around--md g-brd-10 g-brd-white rounded">
                    <img class="img-fluid w-100 rounded" src="~/imgs/banner/free_dashboard.png" alt="52abp free 版本 ">
                </div>
            </div>
            <div class="col-md-6 col-lg-4 ml-auto order-md-1">
                <div class="g-mt-minus-30 g-mt-0--md g-ml-minus-100--lg">
                    <div class="g-mb-20">
                        <h2 class="g-color-black g-font-weight-600 g-font-size-25 g-font-size-35--lg g-line-height-1_2 mb-4">
                            免费的项目启动模板

                        </h2>
                        <p class="g-font-size-16">
                            具有基本功能的管理系统和功能UI界面。
                        </p>
                    </div>
                    <a class="btn u-btn-primary g-brd-2 g-brd-white g-font-size-13 g-rounded-50 g-pl-20 g-pr-15 g-py-9" href="@Url.Action("Index", "Download")" target="_blank">

                        创建项目

                        <span class="align-middle u-icon-v3 g-width-16 g-height-16 g-color-black g-bg-white g-font-size-11 rounded-circle ml-3">

                            <i class="fa fa-angle-right" aria-hidden="true"></i>

                        </span>

                    </a>
                </div>
            </div>
        </div>
        <!-- End Image, Text Block -->
    </div>
</section>

